@import "./mixin";

.dark-blue {
  @include create-theme(
    // 默认按钮背景色
    #063ab6,
    // 默认按钮边框色
    #0338b6,
    // 布局背景色
    #161d45,
    // 布局背景图片
    "~@/assets/themes/images/bg-dark-blue.png",
    // 内容区域圆角颜色
    #15337f,
    // 菜单项下边框颜色
    #5699d117,
    // 菜单项三角形颜色
    #3c5294,
    // 菜单项三角形悬浮颜色
    rgba(255, 255, 255, 0.8),
    // 菜单项激活颜色
    #01163a8f,
    // 菜单面板颜色
    #0f2152,
    // 侧边栏底部文字颜色
    #9094ad,
    // 侧边栏底部边框颜色
    #375dac2e,
    // Top 布局菜单激活时背景颜色1
    #2864e100,
    // Top 布局菜单激活时背景颜色2
    #0136addb,
    // Top 布局菜单下拉面板中菜单项激活时背景颜色
    #052e91,
    // Horizontal 布局菜单项激活时的背景色
    #091fa900,
    // Horizontal 布局二级菜单栏的背景色
    #0e1437,
    // Horizontal 布局二级菜单项激活时的背景色
    #013891
  );

  // .vxe-modal--wrapper .vxe-modal--header,
  // .bg-col {
  //   background: linear-gradient(-90deg, rgba(22, 29, 69, 1) 0%, rgba(37, 46, 75, 1) 50%, rgba(31, 70, 147, 1) 100%);
  // }

  .bk-map-drawer {
    border-color: #082f8e;
  }

  .map-op-popover-container {
    background-color: #011145e6;

    .panel-header-row {
      background-color: #02143580;
    }

    .mop-tool-icon {
      background: #02255bb5;

      &.active-tool {
        background: #09398f !important;
      }
    }
  }

  .common-map-legend .expand-top-container,
  .common-map-legend.expand-top-mode .legend-toggle-button,
  .coordinate-box.pointer-coordinates,
  .ol-overlaycontainer-stopevent .ol-scale-line,
  .coordinate-box {
    box-shadow: 0 0 9px 0 #042ea5 inset !important;
    background: #011145e6 !important;
  }

  .common-map-legend.expand-left-mode,
  .common-map-legend.expand-left-icon-mode {
    background: #011145e6;
  }

  .map-layer-controller {
    background: #011145e6;

    & .el-header {
      background-color: #02143580;
    }
  }

  .legend-bg-black {
    background: #011145e6;
  }

  .el-container.layer-contrroll {
    background: #011145e6;

    & .el-header {
      background-color: #02143580;
    }
  }

  .map-box.common-layout-mode {
    background: linear-gradient(90deg, #1c4092, #161d45) !important;
  }

  .bk-layout-horizontal-wrapper .bk-layout-header .header-submenu-row {
    background: url("~@/assets/themes/images/fot_nav-duark_bj.png") no-repeat center bottom;
    background-size: 100% 100%;

    &::after {
      background: linear-gradient(90deg, #091fa900, #1b2c68, #1b2a62, #091fa900);
    }

    .top-submenu-item.active {
      background: #064aba;
    }
  }

  .theme-input,
  .theme-select {
    .el-input__inner {
      background: #161d45;
      border-color: #161d45;
      color: #fff;
    }
  }

  .theme-popper {
    background: #161d45;
    border-color: #161d45;
    color: #fff;

    .popper__arrow {
      border-bottom-color: #161d45 !important;

      &::after {
        border-bottom-color: #161d45 !important;
      }
    }

    .el-select-dropdown__item {
      color: #fff;
    }

    .el-select-dropdown__item.hover {
      background: linear-gradient(0deg, #160872, #2156c0);
    }
  }

  .theme-container {
    background: #161d45;
    border-color: #161d45;
    color: #fff;
  }
}
